<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新增题目</title>
	<!--  引入vue.js  因为Element UI 依赖vue -->
	<script src="../static/js/vue.js"></script>
	<script src="../static/js/axios.js"></script>
	<link rel="stylesheet" href="../static/elementui/theme-chalk/index.css"/>
	<link rel="stylesheet" href="../static/css/ques/04.css"/>
	<script src="../static/elementui/index.js"></script>



</head>
<body>


<div id="alice">

<h3>新增题目</h3>

<el-button size="mini" @click="test">数据测试按钮</el-button>
<el-divider></el-divider>


<div class="div_out">
	<span class="star">*</span> 试卷ID：
	<div class="div_inner">  
	<el-input v-model="testID" placeholder="请输入ID" size="mini"></el-input>
	</div>
</div>



<div class="div_out">
	<span class="star">*</span> 题型：
	<el-radio v-model="type" label="1" @change="show1">单选题</el-radio>
	<el-radio v-model="type" label="2" @change="show2">多选题</el-radio>
	<el-radio v-model="type" label="3" @change="show3">判断题</el-radio>
</div>




<div class="div_out">
	<span class="star">*</span> 分数：
	<div class="div_inner">  
	<el-input v-model="mark" placeholder="请输入题目的分数" size="mini">
	<template slot="append">分</template>
	</el-input>        
	</div>
</div>



<div class="div_out">
	<span class="star">*</span> 题干：</br>
	
	<div class="div_inner">  
		<div class="content">
			<el-input
			  :autosize="{ minRows: 9}"
			  type="textarea" 
			  placeholder="请输入内容" 
			  v-model="textarea" 
			  maxlength="700"  
			  show-word-limit 		
			>
		</el-input>   
		</div>   
	</div>
</div>

<el-checkbox-group v-model="checkList">
<div id="father_node">

<div class="div_out" v-if="1<=falg" id="1">
	<span class="star">*</span> 选项：
	<div class="div_inner">	
		<el-input v-model="input1" placeholder="请输入选项一内容" size="mini "></el-input>  
	</div>
	
	<div class="div_inner">  	
		<div class="div_inner">  	
		<el-button size="mini" @click="add">+</el-button>   
		</div>
		<div class="div_inner">  	
		<el-button size="mini" @click="sub(1)">-</el-button>   
		</div>
		<div class="div_inner">  
		<el-checkbox label="0">设为正确答案</el-checkbox>
		</div>	
	</div>
	
</div>



<div class="div_out" v-if="2<=falg" id="2">
	<span class="star">*</span> 选项：
	<div class="div_inner">	
		<el-input v-model="input2" placeholder="请输入选项一内容" size="mini "></el-input>  
	</div>
	
	<div class="div_inner">  	
		<div class="div_inner">  	
		<el-button size="mini" @click="add">+</el-button>   
		</div>
		<div class="div_inner">  	
		<el-button size="mini" @click="sub(2)">-</el-button>   
		</div>
		<div class="div_inner">  
		<el-checkbox label="1">设为正确答案</el-checkbox>
		</div>	
	</div>
	
</div>



<div class="div_out" v-if="3<=falg" id="3">
	<span class="star">*</span> 选项：
	<div class="div_inner">	
		<el-input v-model="input3" placeholder="请输入选项一内容" size="mini "></el-input>  
	</div>
	
	<div class="div_inner">  	
		<div class="div_inner">  	
		<el-button size="mini" @click="add">+</el-button>   
		</div>
		<div class="div_inner">  	
		<el-button size="mini" @click="sub(3)">-</el-button>   
		</div>
		<div class="div_inner">  
		<el-checkbox label="2">设为正确答案</el-checkbox>
		</div>	
	</div>
	
</div>



<div class="div_out" v-if="4<=falg" id="4">
	<span class="star">*</span> 选项：
	<div class="div_inner">	
		<el-input v-model="input4" placeholder="请输入选项一内容" size="mini "></el-input>  
	</div>
	
	<div class="div_inner">  	
		<div class="div_inner">  	
		<el-button size="mini" @click="add">+</el-button>   
		</div>
		<div class="div_inner">  	
		<el-button size="mini" @click="sub(4)">-</el-button>   
		</div>
		<div class="div_inner">  
		<el-checkbox label="3">设为正确答案</el-checkbox>
		</div>	
	</div>
	
</div>


</div>
</el-checkbox-group>


<div class="div_out">
	<span class="star">*</span> 解析：</br>
	
	<div class="div_inner">  
		<div class="content">
			<el-input
			  :autosize="{ minRows: 9}"
			  type="textarea" 
			  placeholder="请输入内容" 
			  v-model="textarea2" 
			  maxlength="700"  
			  show-word-limit 		
			>
		</el-input>   
		</div>   
	</div>
</div>


</br>
<el-button @click="addQues" type="primary" size="small">保存</el-button>
<el-button size="small">取消</el-button>
</div>



<script src="../static/js/ques/04.js"></script>

</body>
</html>